https://codepen.io/hereiscasio/pen/gOYEXjM?editors=1000
#1 slider-group
UI 圖來源見此
你可能會想 Slide Group 跟 Carousels 差在哪?後者的樣式很明顯較特定,點進前者的文件中會發現可以控制的項目還可以是按鈕、chip . . .,可以嘗試比較看看它與 v-item-group 和 v-chip-group 又差在哪。總之,通常要用到 Groups 裡面的元件,最主要是因為所關注的那些一堆受控目標的選取狀態( e.g. 是否支援多選 )。
然後若你去看 Google Domain 時,會發現它最上方的圖是個動態 SVG,那部分我就沒處理了( 我還真的不知道要怎麼動態呈現 XD,頂多能取得它的靜態程式碼 )。基本上 Google Domain 的版面不難,只是這個排版作業也是有一定規模的,若讀者都能排出來,那我想你已經對 Vuetify 有一定掌握程度了
BTW,Google Domain + Google Firebase Realtime Database + Google Static Hosting 一條龍串起來開發 Web App 真的超快超方便啊!